<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>vediosite</title>
<!-- // Stylesheets // -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<!-- // Javascript // -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/contentslider.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Tahoma_400-Tahoma_700.font.js"></script>
<script type="text/javascript">Cufon.replace('h1,h2,h3,h4,h5, h6, .txtcufon');</script>
</head>
<body>
	<div id="wrapper_sec">
    	<!--Masterhead -->
        <div id="masthead">
        	<div class="logo"><a href="index.html"><img src="images/logo.gif" width="142" height="87" alt="" /></a></div>
			<div class="header_rightsec">
            	<div class="rightsec_1">
                	<div class="navigation">
                    	<div id="smoothmenu1" class="ddsmoothmenu">
                        	<ul>
                            	<li><a class="home" href="index.html">Home</a></li>
                            	<li><a href="listing.html">Popular Videos</a></li>
                                <li><a href="#"> Channels</a></li>
                                <li class="dropdown"><a href="#">More</a>
                                	<ul>
                                		<li><a href="#">Pages</a>
                                        	<ul>
                                				<li><a href="index.html">Home</a></li>
                                                <li><a href="listing.html">Vedio Listing</a></li>
                                  				<li><a href="detail.html">Vedio Detail</a></li>
                                                <li><a href="blog.html">Blog</a></li>
                                  				<li><a href="blogpost.html">Blog Post</a></li>
                                                <li><a href="news.html">News</a></li>
                                                <li><a href="contact.html">Contact Us</a></li>
                                  				<li><a href="static.html">About Us</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Themes</a>
                                        	<ul>
                                				<li><a href="../grey/index.html">Grey</a></li>
                                                <li><a href="../blue/index.html">Blue</a></li>
                                  				<li><a href="../green/index.html">Green</a></li>
                                                <li><a href="../maroon/index.html">Maroon</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--Top search-->
                    <div class="top_search">
                   		<input value="Enter you keywords to search" onfocus="if(this.value=='Enter you keywords to search') {this.value='';}"
                        onblur="if(this.value=='') {this.value='Enter you keywords to search';}"name="txt" type="text" />
                    	<a href="#" class="search">Search</a>
                    </div>
                </div>
            	<div class="rightsec_2">
           	  <ul class="toplinks">
                		<li><a href="#"> Browse</a></li>
                        <li><a href="#"> Upload </a></li>
                        <li> <a href="#">Create Account </a></li>
                        <li class="last"><a href="#">Sign In</a></li>   </ul>
                    <ul class="social_networks">
                		<li class="share">Share with us:</li>
                        <li><a href="#"><img src="images/socialicon1.png" alt="" /> </a></li>
                        <li> <a href="#"><img src="images/socialicon2.png" alt="" /> </a></li>
                        <li> <a href="#"><img src="images/socialicon3.png" alt="" /> </a></li>
                        <li class="last"><a href="#"><img src="images/socialicon4.png" alt="" /></a></li>    
                    </ul>
                </div>
            </div>	        
			<div class="clear" ></div>
		</div>
    <!--Content Sec -->
        <div id="content_sec">
        	<div class="crumb">
            	<ul>
                	<li class="here_text txtcufon">You are here:</li>
                	<li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Information</a></li>
                </ul>
            </div>
            <!--Main Section-->
            <div class="col1">
            	<!--container -->
               	<h2 class="pd11">Blog</h2>
          		<div class="blogpostsec">  
                    <div class="blgtitle">
	                   <div class="titlein">
                                <h4><a href="blogpost.html" >Lorem ipsum dolor sit amet, consectetuer adipiscing elit</a></h4>
    	                <p><a class="posted" href="#">Posted By: RayWilliams</a> <a class="comments" href="#">05 Comments</a> </p>
        	            </div>
                        <a class="dt" href="#">
            	        <span> Aug </span>
                	    <span class="dte"> 13 </span>
                    	</a>
                    	</div>
                    <div class="blogdetail">
                       <p><a class="blgthumb mr1" href="#"><img src="images/blog1.gif"  alt="" /></a> 
                           Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat eget, 						                           dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu. Vestibulum dapibus. Sed                           pede lacus, pretium in, condimentum sit amet, mollis dapibus, magna Lorem ipsum dolor sit amet, consectetuer 		                           adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat eget, dapibus ac, lectus. Curabitur dolor sapien,                           hendrerit non, suscipit bibendum, auctor ac, arcu. Vestibulum dapibus. Sed pede lacus, pretium in, condimentum sit                           amet, mollis dapibus, magna		
                       </p>
                       <p>
                       	   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat eget, 				                           dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu. Vestibulum dapibus. Sed                           pede lacus, pretium in, condimentum sit amet, mollis dapibus, magna. Ut bibendum dolor nec augue. Ut tempus luctus                           metus. Sed a velit. Pellentesque at libero elementum ante condimentum sollicitudin. Pellentesque lorem ipsum, semper                           quis, interdum et, sollicitudin eu, purus. Vivamus fringilla ipsum vel orci. Phasellus vitae massa at massa pulvinar                           pellentesque. Fusce tincidunt libero vitae odio. Donec malesuada diam nec mi. Integer hendrerit pulvinar ante. Donec                           eleifend, nisl eget aliquam congue, justo metus venenatis neque, vel tincidunt elit augue sit amet velit. Nulla                           facilisi. Aenean suscipit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus,                           vestibulum in, volutpat eget, dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac,                           arcu. Vestibulum dapibus. Sed pede lacus, pretium in, condimentum sit amet, mollis dapibus, magna. Ut bibendum dolor                           nec augue. Ut tempus luctus metus. Sed a velit. Pellentesque at libero elementum ante condimentum sollicitudin.                           Pellentesque lorem ipsum, semper quis, interdum et, sollicitudin eu, purus. Vivamus fringilla ipsum vel orci.                           Phasellus vitae massa at massa pulvinar pellentesque. Fusce tincidunt libero vitae odio. Donec malesuada diam nec mi.                           Integer hendrerit pulvinar ante. Donec eleifend, nisl eget aliquam congue, justo metus venenatis neque, vel tincidunt                           elit augue sit amet velit. Nulla facilisi. Aenean suscipit. 
                       </p>
                    </div>
                </div>
                    <!--Comment Section -->
					<div class="cmntcontainer">
						<h2 class="pd11">Comments</h2>
						<div class="comment">
							<textarea  class="txtcomment" name="txt" cols="0" rows="0"></textarea>
						</div>
						<div class="clear"></div>
						<div class="commentaction">	
							<span class="left" >500 characters remaining</span>
							<ul>
								<li><a href="#">Cancel</a> or</li>
								<li><a  class="post" href="#">Post</a></li>
								<li class="nomar" ><a class="vedio" href="#">Attach a video</a></li>
							</ul>
						</div>
						<div class="clear"></div>
						<div class="commentsec">
						<div class="replyfrist">	
							<div class="reply1_cmnt">
								<h6>MySebbb:</h6>
								<p>
                                	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 	                                    eget, dapidapibus. Sed pede lacus, pretium in, condimentum sitllis dapibus, magna...
                                    Ut bibendum dolor nec augue Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit.
								</p>
							</div>
							<div  class="cmntrply">
								<a class="postimg" href="#"><img src="images/postimg.gif"  alt="" /></a>
								<a class="rply" href="#">Reply</a>
							</div>
						</div>
						<div class="replyfrist">
							<div class="reply1_cmnt">
								<h6>MySebbb:</h6>
								<p>
									Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 	                                    eget, dapidapibus. Sed pede lacus, pretium in, condimentum sitllis dapibus, magna...
                                    Ut bibendum dolor nec augue Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit.
								</p>
							</div>
							<div  class="cmntrply">
								<a class="postimg" href="#"><img src="images/postimg1.gif"  alt="" /></a>
								<a class="rply" href="#">Reply</a>
							</div>
						</div>
						<div class="replysecond">
							<div class="replysecond_cmnt">
								<h6>MySebbb:</h6>
								<p>
									Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 	                                    eget, dapidapibus. Sed pede lacus, pretium in, condimentum sitllis dapibus, magna...
                                    Ut bibendum dolor nec augue Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit.
								</p>
							</div>
						<div  class="cmntrply">
							<a class="postimg" href="#"><img src="images/postimg2.gif"  alt="" /></a>
							<a class="rply" href="#">Reply</a>
						</div>
					</div>
					<div class="replythird ">
						<div class="replythrid_cmnt">
							<h6>MySebbb:</h6>
							<p>
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 	                                eget, dapidapibus. Sed pede lacus, pretium in, condimentum sitllis dapibus, magna...
								Ut bibendum dolor nec augue Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit.
							</p>
						</div>
						<div  class="cmntrply">
							<a class="postimg" href="#"><img src="images/postimg3.gif"  alt="" /></a>
							<a class="rply" href="#">Reply</a>
						</div>
					</div>
					<div class="replyfrist">	
						<div class="reply1_cmnt">
						<h6>MySebbb:</h6>
						<p>
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 	                            eget, dapidapibus. Sed pede lacus, pretium in, condimentum sitllis dapibus, magna...
							Ut bibendum dolor nec augue Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit.
						</p>
					</div>
					<div  class="cmntrply">
						<a class="postimg" href="#"><img src="images/postimg4.gif"  alt="" /></a>
						<a class="rply" href="#">Reply</a>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			</div>
    		<div class="leave_reply">
				<h2 class="pd11">Leave a Reply</h2>		
				<textarea   name="txt" class="txtcomment" cols="0" rows="0"></textarea>
				<a class="btn1 mar2"  href="#">Submit</a>
			</div>
            <div class="clear"></div>
		  	</div>
            <!--Right Section-->
            <div class="col2">
           	  <div class="blogsideblock">
               	<!--Recent Post-->
                <h2 class="pd11">Recent Posts</h2>
       	  			<ul>
                    	<li><a href="#"> Morbi porta porta arcu </a> </li>
                    	<li><a href="#"> In hac habitasse platea dictumst </a> </li>
                    	<li><a href="#"> 4 Phasellus consectetuer </a> </li>
                        <li><a href="#"> Aliquam consectetuer interdum elit </a> </li>
                        <li><a href="#"> Vestibulum a augue </a> </li>
                        <li><a href="#"> Fusce nisi tellus semper a viverra </a> </li>
                        <li><a href="#"> Praesent id massa Donec hendreri </a> </li>
                    </ul>
              </div>
			  <!-- Recent Commments -->
              <div class="blogsideblock">
                <h2 class="pd11">Recent Comments</h2>
       	  			<ul>
                    	<li><a href="#"> admin on Nam libero tempore, cum soluta nobis </a> </li>
                    	<li><a href="#"> In hac habitasse platea dictumst </a> </li>
                    	<li><a href="#"> In hac habitasse platea dictumst</a> </li>
                        <li><a href="#"> Phasellus consectetuer </a> </li>
                        <li><a href="#">  Aliquam consectetuer interdum elit </a> </li>
                        <li><a href="#"> Vestibulum a augue </a> </li>
                        <li><a href="#"> Fusce nisi tellus semper a viverra </a> </li>
                        <li><a href="#"> Praesent id massa Donec hendreri</a> </li>
                    </ul>
              </div>
              <!--Archieve -->
              <div class="blogsideblock">
                <h2 class="pd11">Archives</h2>
       	  			<ul>
                    	<li><a href="#">February 2011</a> </li>
                    	<li><a href="#">January 2011 </a> </li>
                    	<li><a href="#">September 2010</a> </li>
                        <li><a href="#">July 2008 </a> </li>
                    </ul>
              </div>
              	   
        </div>
        <div class="clear"></div>
	</div> 
<div class="clear"></div>
</div>
<!-- bottom section-->
<div id="bottom_sec">
 	<div class="botbar">
    	<div class="innercontainer">
        	<div class="socialtitle">
            	<h3>From the twitter  <img align="right" src="images/twittericon.png"  alt="" /> </h3>
            </div>
         	<div class="msg">
            	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat eget, dapib 				                 <a href="#">http://bit.ly</a>
           </div>
           <a class="follow_us" href="#"><span>Follow us</span></a>     
        </div>
    </div>
    <div id="bottomcontianer">
    	<div class="innercontainer">
   	    <div id="footer">
            <div class="archieve">
                <a href="#"><img src="images/logo2.png"  alt="" /></a>
                <p>601 Beetle Street Ardmore</p>
                <p>London, 73023</p>
                <p>Tel 580.205.9995</p>
                <p>Fax 580.389.5424</p>
                <p> Email: <a class="undrlne" href="#">info@website.com</a></p>
                <p> Website: <a class="undrlne" href="#">www.website.com</a></p>
            </div>          
            <div class="footer_div">
            	<h4>About us</h4>
            	<ul>
                	<li><a href="#">We're Hiring</a></li>
                	<li><a href="#">Meet the Team</a></li>
                	<li><a href="#">Updated Collections</a></li>
                	<li><a href="#">Latest Videos</a></li>
                </ul>
            </div>
            <div class="footer_div">
               	<h4>Features</h4>
               	<ul>
                   	<li><a href="#">What's VIDEO's?</a></li>
                   	<li><a href="#">Video's Button</a></li>
                    <li><a href="#">iPhone &amp; Android</a></li>
                    <li><a href="#">Widgets</a></li>
			    </ul>
            </div>
      <div class="from_fliker">
            <h4>From Flickr</h4>
           	<ul>
               	<li><a href="#"><img src="images/fromflickr1.gif" alt="" /></a></li>
                <li><a href="#"><img src="images/fromflickr2.gif" alt="" /></a></li>
                <li class="nomar"><a href="#"><img src="images/fromflickr3.gif" alt="" /></a></li>
                <li><a href="#"><img src="images/fromflickr4.gif" alt="" /></a></li>
                <li><a href="#"><img src="images/fromflickr5.gif" alt="" /></a></li>
                <li class="nomar"><a href="#"><img src="images/fromflickr6.gif" alt="" /></a></li>
            </ul>
          </div>
          </div>
        </div>
    </div>
    <div id="botbarbg">
    	<div class="innercontainer">
        	<div class="copy">Copyright &copy; 2011 Video Archives, Inc. All Rights Reserved.</div>
        	<div class="powerby">Powered By: <a href="#">ABC Technologies</a></div>
    	</div>
    </div>
<div class="clear"></div>
</div>


</body>
</html>
